<!--
 * @Description:
 * @Author: dh
 * @Date: 2022-01-21 13:41:19
 * @LastEditors: dh
 * @LastEditTime: 2022-10-27 13:49:47
-->
<template>
	<div>
		{{ msg }}
		<br />
		{{ theme }}
		<br />
		不能在props里访问this了，vue2.0可以获取到组件实例
	</div>
</template>

<script>
import { inject, defineComponent } from 'vue';

export default defineComponent({
	props: {
		msg: {
			type: String,
			default() {
				// console.log('this', this); // undefined
			},
		},
		theme: {
			type: String,
			default(props) {
				// `props` 是传递给组件的原始值。
				console.log(props);
				// 也可以使用 `inject` 来访问注入的 property 没清楚怎么用
				return inject('theme-color', 'default-color');
			},
		},
	},
});
</script>
